import styled from "styled-components";

export const AlbumItemWrapper = styled.div`
    display: inline-block;
    width: 118px;
    margin-left: 11px;
    .album-item-top {
        position: relative;
        display: inline-block;
        .album-item-img {
            width: 100px;
            height: 100px;
            /* url(${props => props.url})  */
            background: url(${props => props.url}) no-repeat center;
            background-size: 100px;
        }
        .album-item-modal {
            position: absolute;
            left: 0;
            top: 0;
            width: 118px;
            height: 100px;
            background-position: 0 -570px;
            cursor: pointer;
        }
        .album-item-play {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 22px;
            height: 22px;
            /* background-position: 0 -110px; */
            background-position: 0 -85px;
        }
    }
    .album-item-title {
        color: #000;
        font-size: 12px;
    }
    .album-item-desc {
        color: #666;
        font-size: 12px;
    }
`;